草庐IT

前端 PM

全部标签

VUE前端实现token的无感刷新

前言说实话,这个其实没啥好讲的,要说有复杂度的话,也主要是在后端。实现token无感刷新对于前端来说是一项十分常用的技术,其本质都是为了优化用户体验,当token过期时不需要用户调回登录页重新登录,而是当token失效时,进行拦截,发送刷新token的请求,获取最新的token进行覆盖,让用户感受不到token已过期。token刷新的方案方案一:后端返回过期时间,前端判断token过期时间,去调用刷新token的接口缺点:需要后端提供一个token过期时间的字段;使用本地时间判断,若本地时间被修改,本地时间比服务器时间慢,拦截会失败。方案二:写个定时器,定时刷新token接口缺点:浪费资源,消

Langchain 流式输出到前端(真正解决方法,附最佳实践的完整代码)

Langchain流式输出当我们深入使用Langchain时,我们都会考虑如何进行流式输出。尽管官方网站提供了一些流式输出的示例,但这些示例只能在控制台中输出,并不能获取我们所需的生成器。而网上的许多教程也只是伪流式输出,即先完全生成结束,再进行流式输出。以下是我为大家提供的真正的流式输出示例代码:方法一推荐指数:※※※※※:本方法是开辟新的线程的方法(当然也可以是新的进程的方式),然后结合langchain的callback方法为什么推荐使用线程的方法,而不是方法二中的异步操作,因为在实际使用过程中,很多外部的方法是不支持异步操作的,要想让程序run起来,必须把一些方法(比如langchai

前端常用设计模式

什么是设计模式?​  设计模式(Designpattern)是一套被反复使用、多数人知晓的、经过分类编目的、代码设计经验的总结,设计模式并不是一种固定的公式,而是一种思想,是一种解决问题的思路;使用设计模式是为了可重用代码,让代码更容易被他人理解,保证代码可维护性。  设计模式不区分编程语言,设计模式是解决通用问题和提效的解决方案;通常在我们解决问题的时候,很多时候不是只有一种方式,我们通常有多种方式来解决;但是肯定会有一种通用且高效的解决方案,这种解决方案在软件开发中我们称它为设计模式;  项目中合理的运用设计模式可以完美的解决很多问题,每种模式在现实中都有相应的场景及其原理来与之对应,每一

使用vue脚手架搭建前端工程(附:搭配ElementUI来快速开发)

目录一、搭建过程1.全局安装webpack(打包工具)2.全局安装vue脚手架3.初始化vue项目4.vue项目目录的简单介绍二、执行流程分析三、自己造一个组件案例四、ElementUI的使用1.环境的引入2.一个简单使用3.使用它来快速搭建后台管理系统五、总结一、搭建过程1.全局安装webpack(打包工具)npminstallwebpack-g2.全局安装vue脚手架npminstall-g@vue-cli/init执行这个可能会有问题,也就是安装不成功,如果安装不成功,则在下面这个文件夹里面是不会有vue的cmd命令。如果是这样的话,那就换一个命令,换成这个试一试npminstall-g

微前端无界机制浅析

简介随着项目的发展,前端SPA应用的规模不断加大、业务代码耦合、编译慢,导致日常的维护难度日益增加。同时前端技术的发展迅猛,导致功能扩展吃力,重构成本高,稳定性低。为了能够将前端模块解耦,通过相关技术调研,最终选择了无界微前端框架作为物流客服系统解耦支持。为了更好的使用无界微前端框架,我们对其运行机制进行了相关了解,以下是对无界运行机制的一些认识。基本用法主应用配置importWujieVuefrom'wujie-vue2';const{setupApp,preloadApp,bus}=WujieVue;/*设置缓存*/setupApp({});/*预加载*/preloadApp({name:

前端架构师需要解决那些问题

假设你是一个大型后台管理系统的前端架构师,你需要解决那些问题?1、Ui设计规范大型系统UI得统一吧?各个业务模块的UI设计得高效吧?那就得有规范,直观的说就是原子设计那套东西。加一堆推荐设计稿。2、基础组件库问题有了设计规范就得有组件库支撑,否者设计还原成本太高吃不消。组件库怎么搞呢,pc端一套,移动端一套,可能小程序还有一套?设计到报表又得加1~2套。3、脚手架问题都大型项目了,不能脚手架初始化出来的东西还是空的吧,增删改查等高频场景你得来一套示范实现让人改改就能用吧。而且各种通用能力(包括不限于登录、权限、多语言、导航帮助等)你得妥善的都接好了吧?4、前后端联调问题mock得搞好吧,接口规

node.js - Node js、socket.io、redis 和 pm2

我们的系统包括一个NodeJsRestfulAPI服务器。此服务器还用作套接字IO服务器。很多设备会通过socketio连接到服务器,用户可以通过调用restfulAPI来控制设备,服务器通过socketIO向设备传输命令。我们使用pm2对API服务器进行集群。你能帮助如何使用Redis.io服务器来支持从集群向特定套接字实例发送消息吗? 最佳答案 如果您已经设置了一个Redis服务器,您所要做的就是设置socket.io-redis适配器:https://www.npmjs.com/package/socket.io-redis从

node.js - PM2 NodeJs集群模式

我有4个在AWS上运行的ec2实例。PM2在所有实例上以集群模式运行。当我收到5K+并发请求时,应用程序的响应时间显着增加。所有请求都获取rediskey,正常获取最多需要10秒,没有这么多并发请求只需要50毫秒。这里有什么问题? 最佳答案 我们需要查明瓶颈。让我们做一些诊断:EC2实例是否为多核以利用PM2的集群优势?当您执行pm2startapp.js-iX时,您确定X=EC2实例的number_of_vCPUs吗?当您执行pm2monit时,您是否看到集群的所有实例共享相同的CPU和内存使用率?当您运行htop时,您的CPU和

前端常用的三种加密方式(MD5、base64、sha.js)

作为一名优秀的前端开发工程狮,保障用户的信息安全、密码义不容辞,废话不多说,由我来介绍三种日常开发中经常用到的加密方式。一、MD5加密介绍:MD5中文含义为信息-摘要算法5,就是一种信息摘要加密算法,可以将数据转译为另一固定长度值特点:压缩性:任意长度的数据,算出的MD5值长度都是固定的。容易计算:从原数据计算出MD5值很容易。抗修改性:对原数据进行任何改动,哪怕只修改1个字节,所得到的MD5值都有很大区别。强抗碰撞:已知原数据和其MD5值,想找到一个具有相同MD5值的数据(即伪造数据)是非常困难的。使用方式:通过项目中引入MD5.js包importMD5from'MD5'functionMd

使用MobPush实现HarmonyOS前端消息推送

消息推送是现代移动应用程序中常见的功能之一,它可以让应用程序向用户发送通知、提醒和其他重要信息。在HarmonyOS前端开发中,可以通过MobPush实现消息推送功能。MobPush是一款强大的消息推送平台,它提供了丰富的功能和灵活的接口,可以轻松地集成到HarmonyOS应用程序中。在本文中,将介绍如何使用MobPush实现HarmonyOS前端消息推送功能。首先,确保已经申请并获得了MobPush的AppKey和AppSecret,这是使用MobPush的前提条件。导入MobPushSDK首先,需要在HarmonyOS前端项目中导入MobPushSDK。可以通过在build.gradle文